<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心-我的订单</title>
		<link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<script type="text/javascript" src='./Public/Home/jquery.min.js'></script>
		<script type="text/javascript" src='./Public/Home/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
		<link rel="stylesheet" href="./Public/Home/css/index.css" />
		<link rel="stylesheet" href="./Public/Home/css/myCenter_common.css" />
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/myCenter_indent.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/ifont.css"/>
		<script type="text/javascript" src='./Public/Home/js/index.js'></script>
		<script type="text/javascript" src='./Public/Home/js/area.js'></script>
		<script type="text/javascript">
		$(function(){
			//初始化方法
				area.init('area');
				//修改的时候默认被选中效果				
				area.selected('黑龙江','哈尔滨','道里区');
			})
		</script>	
	</head>
	<body>
		{{include file="VIEW_PATH/Common/header.php"}}
		<!--公共左侧开始-->
		<div class="_w100">
			<ul class="toper _container">
				<li>您的位置:</li>
				<li><a href="">首页</a><span class="glyphicon glyphicon-menu-right"></span></li>
				<li>我的优购</li>
			</ul>
		</div>
		
		
		<div class="_w100">
			<div class="main _container" style="height: 100%;">
				<div class="first fl">
					<div class="tl"><a href="">我的优购</a></div>
					<ul class="one">
						<li class="special">交易中心</li>
						<li><a href="{{U('Center/myindent')}}" >我的订单</a></li>
						<li><a href="">我的收藏</a></li>
						<li><a href="">我的预约</a></li>
						<li><a href="">商品评论/晒单</a></li>
						<li><a href="">站内消息<span>(0)</span></a></li>
					</ul>
					<ul class="one">
						<li class="special">我的资产</li>
						<li><a href="" >我的优惠券</a></li>
						<li><a href="">我的礼品卡</a></li>
						<li><a href="">我的积分</a></li>
					</ul>
					<ul class="one">
						<li class="special">个人设置</li>
						<li>
							<!-- 模态框的声明 -->
							<div class="modal fade" id="myModal" tabindex="-1" id="dv">
								<!-- 模态框窗口声明 -->
								<div class="modal-dialog modal-default">
									<!-- 内容声明 -->
									<div class="modal-content">
										<div class="modal-header">
											<button class="close" data-dismiss="modal">&times</button>
											<h4 class="modal-title">会员资料</h4>
										</div>
										<div class="modal-body">			
												<form class="form-horizontal" action="{{U('Center/edit')}}" method="post">
													  <div class="form-group">
													    <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
													    <div class="col-sm-10">
													      <input type="email" class="form-control" 
													      	id="inputEmail3" placeholder="Email" value="" name="email">
													    </div>
													  </div>
													  <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	手机
													    </label>
													    <div class="col-sm-10">
													      <input type="text" class="form-control" 
													      	id="inputPassword3" placeholder="手机号" value="" name="mobile">
													    </div>
													  </div>
													  <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	固话
													    </label>
													    <div class="col-sm-10">
													      <input type="text" class="form-control" 
													      	id="inputPassword3" placeholder="固定电话" value="" name="phone">
													    </div>
													  </div>
													  <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	真实姓名
													    </label>
													    <div class="col-sm-10">
													      <input type="text" class="form-control" 
													      	id="inputPassword3" placeholder="" value="" name="username">
													   </div>
													   
													 <div class="form-group">	
														 <label for="inputPassword3" class="col-sm-2 control-label">
														 	性别
														 </label>
														<label class="radio-inline col-sm-2 control-label">
														  <input type="radio" name="sex" 
														  	id="inlineRadio1" value="男"> 男
														</label>
														<label class="radio-inline col-sm-2 control-label">
														  <input type="radio" name="sex" 
														  	id="inlineRadio2" value="女"> 女
														</label>
													 </div>						   
													    <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	出生日期
													    </label>
													   <select class="form-control fl"style="width: 100px;margin-left: 26px;" name="year">
														  <option>1996</option>
														  <option>1995</option>
														  <option>1994</option>
														  <option>1993</option>
														  <option>1992</option>
														  <option>1991</option>
														  <option>1990</option>
														  <option>1989</option>
														  <option>1988</option>
														  <option>1987</option>
														  <option>1986</option>
														  <option>1985</option>
														  <option>1984</option>
														</select>
														<label for="inputPassword3" class="col-sm-1 control-label">年</label>
													   <select class="form-control fl"style="width: 80px;" name="month">
														  <option>1</option>
														  <option>2</option>
														  <option>3</option>
														  <option>4</option>
														  <option>5</option>
														  <option>6</option>
														  <option>7</option>
														  <option>8</option>
														  <option>9</option>
														  <option>10</option>
														  <option>11</option>
														  <option>12</option>							  
														</select>
														<label for="inputPassword3" class="col-sm-1 control-label">月</label>
													   <select class="form-control fl"style="width: 80px;" name="day">
														  <option>1</option>
														  <option>2</option>
														  <option>3</option>
														  <option>4</option>
														  <option>5</option>
														  <option>6</option>
														  <option>7</option>
														  <option>8</option>
														  <option>9</option>
														  <option>10</option>
														  <option>11</option>
														  <option>12</option>
														  <option>13</option>
														  <option>14</option>
														  <option>15</option>
														  <option>16</option>
														  <option>17</option>
														  <option>18</option>
														  <option>19</option>
														  <option>20</option>
														  <option>21</option>
														  <option>22</option>
														  <option>23</option>
														  <option>24</option>
														  <option>25</option>
														  <option>26</option>
														  <option>27</option>
														  <option>28</option>
														  <option>29</option>
														  <option>30</option>
														  <option>31</option>
														</select>
														<label for="inputPassword3" class="col-sm-1 control-label">日</label>
													    </div>	
													   
													  </div>
													  
													  
													  <div class="form-group">
													  	
													  	<label for="inputPassword3" class="col-sm-2 control-label">
													    	地址
													    </label>
													    
													    <select class="form-control fl" style="width: 100px; margin-left: 15px;" name="province"  id="area1">
														  
														</select>
														
														<select class="form-control fl" style="width: 120px; margin-left: 30px;" name="city" id="area2">
														  
														</select>
														
														<select class="form-control fl" style="width: 120px; margin-left: 30px;" name="town" id="area3">
														  
														</select>
													  </div>
													  
													  
													  <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	详细地址
													    </label>
													    <div class="col-sm-10">
													      <input type="text" class="form-control" 
													      	id="inputPassword3" placeholder="" name="detail">
													    </div>
													  </div>
													   <div class="form-group">
													    <label for="inputPassword3" class="col-sm-2 control-label">
													    	邮政编码
													    </label>
													    <div class="col-sm-10">
													      <input type="text" class="form-control" 
													      	id="inputPassword3" placeholder="" name="postcode">
													    </div>
													  </div>
													 <div class="modal-footer">
														<button class="btn btn-primary">确认</button>
													</div>
												</form>
										</div>
										
									</div>
								</div>
							</div>
							<button class="btn btn-success" data-toggle="modal" data-target="javascript:;myModal" 
								style="background: white; border: none;color: javascript:;666666;height: 26px;
								padding-left: 0px;">
								个人资料
							</button>	
							
						</li>
						<li><a href="">安全设置</a></li>
						<li><a href="{{U('Center/myaddress')}}">我的收货地址</a></li>
					</ul>
					<ul class="one">
						<li class="special">售后服务</li>
						<li><a href="" >我的退换货</a></li>
						<li><a href="">申请退换货</a></li>
					</ul>
				</div>
				<!--公共左侧结束-->
				<script type="text/javascript">
					$(function(){
						//点击下拉框改变显示的内容
						//订单时间
						$('.times li a').click(function(){
							var value = $(this).html();
							$(this).parents('.intime').find('.time').html(value);
						})						
					})
				</script>
				<div class="rig_sec fr">
					<h4>我的订单</h4>
					<div class="show">
						<div class="sx fl">显示</div>
						<div class="dropdown fl intime">
						  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						   <span class="time">订单时间</span> 
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu times" aria-labelledby="dropdownMenu1">
						    <li><a href="javascript:;">6个月内订单</a></li>
						    <li><a href="javascript:;">一年内订单</a></li>
						    <li><a href="javascript:;">2015年</a></li>
						    <li><a href="javascript:;">2014年</a></li>
						  </ul>
						</div>
						<div class="dropdown fl intime">
						  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						    <span class="time">所有状态</span>
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu times" aria-labelledby="dropdownMenu1">
						    <li><a href="javascript:;">所有状态</a></li>
						    <li><a href="javascript:;">订单生成</a></li>
						    <li><a href="javascript:;">配货中</a></li>
						    <li><a href="javascript:;">已发货</a></li>
						    <li><a href="javascript:;">已取消</a></li>
						  </ul>
						</div>
						<div class="dropdown fl intime">
						  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						    <span class="time">支付状态</span>
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu times" aria-labelledby="dropdownMenu1">
						    <li><a href="javascript:;">待付款</a></li>
						    <li><a href="javascript:;">已支付</a></li>
						    <li><a href="javascript:;">已取消</a></li>
						   
						  </ul>
						</div>
						
						
						<div class="row" fr>						  
						  <div class="col-lg-4">
						    <div class="input-group">
						      <input type="text" class="form-control" placeholder="搜索...">
						      <span class="input-group-btn">
						        <button class="btn btn-default" type="button">搜索订单</button>
						      </span>
						    </div><!-- /input-group -->
						  </div><!-- /.col-lg-6 -->
						</div><!-- /.row -->
						
						
						
						<!--订单列表开始-->
						<div class="_w100">
							<div class="lis _certain">
								{{if value="isset($new)"}}
								{{foreach from="$new" key="$k" value="$v"}}
								<div class="sin">
									<ul class="tab" style="border-bottom: 1px dashed #C0C0C0;">
										<li class="fir" style="color: #333333;">主订单号:{{$v['ordernum']}}</li>
										<li class="big" style="color: #333333;">下单时间: {{date('Y-m-d H:i:s', $v['time'])}} </li>
									</ul>
									{{foreach from="$v['detail']" key="$kk" value="$vv"}}
									<ul class="tab" >
										<li class="fir" style="color: orangered;">子单:{{$v['ordernum']}}_{{$kk+1}}</li>
										<li class="big" style="color:#5E5E5E ;">商品名称</li>
										<li class="normal" style="color:#5E5E5E ;">颜色尺码</li>
										<li class="normal" style="color:#5E5E5E ;">单价</li>
										<li class="normal" style="color:#5E5E5E ;">订单状态</li>
										<li class="last1"></li>
									</ul>
									<ul class="menu tab">
										<li class="fir">
											<a href="">
												<img src="{{$vv['listview']}}" alt="" width="50" height="50"/>
											</a>
										</li>
										<li class="big">
											<p class="jz"><a href="">{{$vv['gname']}}</a></p>
										</li>
										<li class="normal">
											<p class="p1">颜色：<span>{{$vv['remark'][1]}}</span></p>
											<p class="p2">尺码：<span>{{$vv['remark'][0]}}</span></p>
										</li>
										<li class="normal">
											<p class="p1"><span>{{$vv['shopprice']}}</span></p>
											<p class="p2"><span>限时抢</span></p>
										</li>
										<li class="normal spe">
											{{if value="$vv['status']==0"}}
											<span style="color:#FF8C00;">未支付</span>
											{{elseif value="$vv['status']==1"}}
											<span style="color:#00BFFF;">已支付</span>
											{{elseif value="$vv['status']==2"}}
											<span style="color:green;">已发货</span>
											{{endif}}
										</li>
										<li class="normal" style="color: red;"><span>{{$vv['buynum']}}件</span>/<span>{{$vv['subtotal']}}</span></li>
										<li class="last1">
											
											<p class="p2"  style="line-height: 16px;"><a href="{{U('Indent/index')}}">重新购买</a></p>
										</li>
									</ul>
									{{endforeach}}
									<ul class="dow">
										<span class="sn1">总计</span>
										<span class="sn2">￥{{$vv['totalprice']}}</span>
									</ul>
								</div>
								{{endforeach}}
								{{endif}}
								
					</div>
					
				</div>	
													
			</div>
			
		</div>
	
	</body>
</html>
